<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name=”viewport” content=”width=device-width,initial-scale=1.0, minimum-scale=1.0,
          maximum-scale=1.0, user-scalable=no”/>
    <link rel="stylesheet" href="./style/reset.css" type="text/css">
    <link rel="stylesheet" href="./style/layout.css" type="text/css">
    <title>景德镇陶瓷大学研究生院</title>
</head>
<body>
<script type="text/javascript" src="js/index.js"></script>

<header>
    <section class="logo wrap boxAlignCenter">
        <img src="./images/toplogo.png" alt="学校logo">
    </section>
</header>

<nav class="mainNav">
    <!--        ul unordered list无序列表，li列表项-->
    <ul class="mainNavUl wrap boxAlignCenter">
        <li class="mainNavLi"><a href="#">网站首页</a></li>
        <li class="mainNavLi"><a href="#">学校概况</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">学院与学科</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">职业部门</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">人才培养</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">科学研究</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">招生就业</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
        <li class="mainNavLi"><a href="#">管理和服务</a>
            <section>
                <ul>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                    <li><a href="">二级目录</a></li>
                </ul>
            </section>
        </li>
    </ul>
</nav>

<section class="banner wrap boxAlignCenter">
    <section class="banner_pic" id="banner_pic">
        <section class="current"><a href="#">
            <img src="./images/20200930.jpg" title="景德镇陶瓷大学-主站" alt="Banner图片"></a>
        </section>
        <section class="pic"><a href="#">
            <img src="./images/20200809.jpg" title="景德镇陶瓷大学-主站" alt="Banner图片"></a>
        </section>
        <section class="pic"><a href="#">
            <img src="./images/20201016.jpg" title="景德镇陶瓷大学-主站" alt="Banner图片"></a>
        </section>
        <section class="pic"><a href="#">
            <img src="./images/banner2.jpg" title="景德镇陶瓷大学-主站" alt="Banner图片"></a>
        </section>
    </section>
    <ol id="button">
        <li class="current"></li>
        <li class="but"></li>
        <li class="but"></li>
        <li class="but"></li>
    </ol>
</section>

<section class="main wrap boxAlignCenter">
    <section class="clearFix">
        <section class="newsList">
            <figure class="category clearFix">
                <section class="categoryName"><a href="#">&gt;新闻动态</a></section>
                <section class="categoryMore"><a href="#">more</a></section>
            </figure>
            <!--                有浮动布局的块都要clearfix-->
            <section class="listWrap clearFix">
                <section class="focus"><a href=""><img src="./images/img01.png" alt="焦点图"></a></section>
                <section class="list">
                    <ul class="listUl">
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                        <li class="listLi listNews"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a>
                        </li>
                    </ul>
                </section>
            </section>


        </section>
        <section class="notice clearFix">
            <figure class="category clearFix">
                <section class="categoryName"><a href="#">&gt;公告通知</a></section>
                <section class="categoryMore"><a href="#">more</a></section>
            </figure>
            <section class="listWrap">
                <section class="list">
                    <ul class="listUl">
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                        <li class="listLi listNotice"><a href="#">举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子举个栗子</a></li>
                    </ul>
                </section>
            </section>
        </section>
    </section>
</section>

<section class="clearFix">
<section class="views wrap boxAlignCenter">
    <section class="clearFix">
        <figure class="category clearFix">
            <section class="categoryName"><a href="#">&gt;校园风采</a></section>
            <section class="categoryMore"><a href="#">more</a></section>
        </figure>
        <div id=demo style="overflow:hidden;padding:2px;">
            <div id="demo1" class="viewsPic">
                <img src="./images/yuantiao.jpg">
                <img src="./images/damen.jpg">
                <img src="./images/zhujiao.jpg">
                <img src="./images/qunlou.jpg">
                <img src="./images/tiyu.jpg">
                <img src="./images/taoyuan.jpg">
                <img src="./images/honglou.jpg">
            </div>
        </div>
    </section>
</section>
</section>

<footer class="copyright boxAlignCenter">
    版权所有 &copy; 2017 - 2022 景德镇陶瓷大学研究生院<br>
    通讯地址：江西省景德镇市浮梁县湘湖镇景德镇陶瓷大学研究生大楼，邮编：333403；办公电话（传真）：0798-8490226
</footer>
</body>
</html>